<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>login page</title>
    <link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css" />
	<link rel="stylesheet" href="css/userEntryPage.css" />
    <script type="text/javascript"  src="js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.mobile-1.3.2.min.js"></script>
	<script type="text/javascript">
	
			$(document).ready(function(){
		    	 $.mobile.ajaxEnabled = false;	
			$("#submitEntryButton").bind('click',function(){
			
			
			if($("#selectRole").val()==""){
				alert('Please select a role before submitting Entry');
			};
			
			
			});
		
		});
	
	</script>
</head>
<body>
	<div data-role="page" id="dataEntryPageId">  
		<div data-position="fixed" data-role="header" data-theme="b"> 
			<a href="menudisplay" data-role="buttun" data-icon="home">Menu</a>
			<h1>Data Entry Page</h1>  
		</div>  
	<div align="center" data-role="content" id="dataEntryContent" name="dataEntryContentClass"> 
			<h1>PARVATI SOLVENTS EXTRACTION PVT LTD</h1>
			<h3>GUT NO.76, KHADGAON,TALUKA: BADNAPUR,DISTRICT:JALNA-431203,MAHARASHTRA,INDIA</h3>	
		<form action="userentryaction" method="POST">
			<div id="tableContainerDataEntry">
					<table table data-theme="c" border="1" width="80%">
						
						
					<tr><td class="tableContentTitle">Name</td><td>
						<s:if test="hasActionErrors()">
						<div class="errors" style="color: red;">
							<s:actionerror />
						</div>
						</s:if>
					<input name="name" id="NameFieldId" type="text" value="" placeholder="Name" class="textBoxClass" required/></td></tr>
					<tr><td class="tableContentTitle">Role</td><td><div class="textBoxClass" data-role="fieldcontain"><select name="role" id="selectRole" data-native-menu="false" tabindex="-1">
					<option selected="selected" value="">Select Role from the List</option>
					<option value="broker">Broker</option>
					<option value="customer">Customer</option>
					<option value="commisionAgent">Commition Agent</option>
				</select></div></td></tr>
					<tr><td class="tableContentTitle">Basic Address</td><td><textarea id="AddressId" name="address" rows="5" class="textBoxClass" required></textarea></td></tr>
					<tr><td class="tableContentTitle">City</td><td><input name="city" id="cityfieldId" type="text" value="" placeholder="City" class="textBoxClass" required/></td></tr>
					<tr><td class="tableContentTitle">District</td><td><input name="district" id="districtfieldId" type="text" value="" placeholder="district" class="textBoxClass"/></td></tr>
					<tr><td class="tableContentTitle">State</td><td><input name="state" id="statefieldId" type="text" value="" placeholder="State" class="textBoxClass"/></td></tr>
					<tr><td class="tableContentTitle">Country</td><td><input name="country" id="countryfieldId" type="text" value="" placeholder="Country" class="textBoxClass"/></td></tr>
					<tr><td class="tableContentTitle">Zip Code</td><td><input name="zipcode" id="zipcodefieldId" type="text" value="" placeholder="zipcode" class="textBoxClass"/></td></tr>
					<tr><td class="tableContentTitle">Contact No.</td><td><input name="contact" id="contactfieldId" type="text" value="" placeholder="Cont No." class="textBoxClass"/></td></tr>
					<tr><td class="tableContentTitle">Email id</td><td><input name="email" id="emailidfield" type="email" value="" placeholder="Email" class="textBoxClass"/></td></tr>
				</table>
			
			</div>
			
			 <div id="submitEntryButtonDiv" class="submitEntryButtonDivClass"><button type="submit" data-theme="b"  id="submitEntryButton">Submit Entry</button></div>
		</form>
	</div>  
	</div>  
</body>
</html> 